import React from 'react'

import "./index.scss"
import { Row, Col, Typography, Tabs } from "antd"
import { useState } from "react"
import LoginCode from './LoginCode'
import LoginPhone from './LoginPhone'


const { Title } = Typography
const { TabPane } = Tabs



export default function Login(props: any) {
    const [active, setActive] = useState("account")

    const callback = (key: any) => {
        console.log(key);

    }

    return (
        <div className='login' >
            <img className="myvideo" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F03895a2576cbf480000012e7ecad562.gif&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1641648538&t=76bf6f78e3b16bc79b59fcb7da59f6e6" alt="" />
            <Row style={{ height: "100 %" }}>
                <Col span={24}>
                    <div className='login-box'>
                        <Title className='title'>欢迎访问千锋武汉教务管理</Title>
                        <div className='box'>
                            <Tabs defaultActiveKey={active} onChange={callback}>
                                <TabPane tab="帐号登录" key="account">
                                    <LoginCode></LoginCode>
                                </TabPane>
                                <TabPane tab="验证码登录" key="phone">
                                    <LoginPhone></LoginPhone>
                                </TabPane>
                            </Tabs>
                        </div>
                    </div>
                </Col>
            </Row>

        </div>
    )
}



